<template>
	<view :class="['authened']">
	<!-- <view :class="['authened',device == 'ios'?'iosPadding':'androidPadding']"> -->
		<view :class="device=='ios'?'ios_pageTitle':'and_pageTitle'">
			<view class="statusBar"></view>
			<view :class="['pageTitle','dFlex','jBetween_aCenter']">
				<view class="backIcon imgPublic">
					<image src="../static/images/back.png" mode="widthFix"></image>
				</view>
				<view class="title">实名认证</view>
				<view class="backIcon imgPublic"></view>
			</view>
		</view>
		<view class="card dFlex flexDirection jCenter_aCenter">
			<view class="cardIcon imgPublic">
				<image src="https://wx.gdxixiashi.com/public/images/person/top@2x.png" mode="widthFix"></image>
			</view>
			<view class="desc">已通过实名认证</view>
		</view>
		<view class="line dFlex jBetween_aCenter">
			<view class="lineTit">真实姓名</view>
			<view class="lineVal dFlex jEnd_aCenter">
				<view class="showVal">赵老六</view>
			</view>
		</view>
		<view class="line dFlex jBetween_aCenter">
			<view class="lineTit">身份证号</view>
			<view class="lineVal dFlex jEnd_aCenter">
				<view class="showVal">371322199607170000</view>
			</view>
		</view>
		<view class="line dFlex jBetween_aCenter">
			<view class="lineTit">证件审核</view>
			<view class="lineVal dFlex jEnd_aCenter">
				<view class="showVal">已通过</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				device:getApp().globalData.platform,
			};
		},
		onShareAppMessage() {
			return{
				title:'洗匣士~您的家居窗帘清洗助手',
				path:'/pages/home?spreadId=' + (uni.getStorageSync('userId')?uni.getStorageSync('userId'):''),
				imageUrl:getApp().globalData.imgDomain+'public/logo.png',
				desc:'手机下单 | 专员取送 | 生态环保 | 轻奢洗护',
			}
		},
		onShareTimeline() {
			return{
				title:'洗匣士~您的家居窗帘清洗助手',
				path:'/pages/home?spreadId=' + (uni.getStorageSync('userId')?uni.getStorageSync('userId'):''),
				imageUrl:getApp().globalData.imgDomain+'public/logo.png',
				desc:'手机下单 | 专员取送 | 生态环保 | 轻奢洗护',
			}
		},
	}
</script>

<style lang="scss">
	.authened{
		width: 100%;
		.line{
			padding: 14px 4%;
			box-sizing: border-box;
			width: 100%;
			// border-bottom: 1px solid #eeeeee;
			background: white;
			.lineTit{
				color: #666666;
				width: max-content;
			}
			.lineVal{
				flex: 1;
				margin-left: 12px; 
				.showVal{
					width: max-content;
				}
			}
		}
		.line:last-child{
			border: none;
		}
		.card{
			width: 100%;
			position: relative;
			.desc{
				width: 100%;
				color: white;
				text-align: center;
				font-size: 16px;
				position: absolute;
				bottom: 10%;
				left: 0;
			}
			.cardIcon{
				width: 100%;
			}
		}
	}
	.ios_pageTitle,.and_pageTitle{
		color: white;
	}
</style>
